<?php /*a:2:{s:67:"D:\phpstudy_pro\WWW\www.xnadmin.site\app\admin\view\index\home.html";i:1624255915;s:61:"D:\phpstudy_pro\WWW\www.xnadmin.site\app\admin\view\main.html";i:1588058566;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title><?php echo xn_cfg('base.sys_name'); ?></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <script>
        //全局上传文件端口
        var UPLOAD_FILE_URL = "<?php echo url('upload_files/upload'); ?>";
        //全局选择文件端口
        var SELECT_FILE_URL = "<?php echo url('upload_files/select'); ?>";
    </script>
    <script src="/static/admin/js/jquery-2.0.0.min.js"></script>
    <script src="/static/admin/js/common.js"></script>
    <script src="/static/admin/js/upload.js"></script>
    <script src="/static/admin/js/webuploader.min.js"></script>
    <link rel="stylesheet" href="/static/admin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/admin/style/layuiAdmin.css" media="all">
    <link rel="stylesheet" href="/static/admin/style/base.css" media="all">
    
</head>
<body>

<style>
.store-total-container {
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.store-total-container .store-total-icon {
    top: 45%;
    right: 8%;
    font-size: 65px;
    position: absolute;
    color: rgba(255, 255, 255, 1);
}

.store-total-container .store-total-item {
    color: #fff;
    line-height: 3em;
    padding: 8px 25px;
    position: relative;
}

.store-total-container .store-total-item > div:nth-child(2) {
    font-size: 42px;
    line-height: 42px;
}

</style>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-header">接入站点</div>
        <div class="layui-card-body">
            <div class="think-box-shadow store-total-container notselect">
                <div class="layui-row layui-col-space15">
                    <?php if(is_array($web_list) || $web_list instanceof \think\Collection || $web_list instanceof \think\Paginator): if( count($web_list)==0 ) : echo "" ;else: foreach($web_list as $key=>$vo): ?>
                    <a href="javascript:;" class="layui-col-sm6 layui-col-md3" style="display: block;">
                        <div class="store-total-item nowrap" style="background:#<?php echo randColor(); ?>">
                            <div><?php echo htmlentities(get_site_typename($vo['typeid'])); ?></div>
                            <div><?php echo htmlentities($vo['title']); ?></div>
                            <div><?php echo htmlentities($vo['url']); ?></div>
                        </div>
                        <i class="store-total-icon layui-icon layui-icon-chart-screen"></i>
                    </a>
                    <?php endforeach; endif; else: echo "" ;endif; ?>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">采集统计</div>
                <div class="layui-card-body layui-text">
                    <div id="my_chart1" style="width: 100%;height: 300px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">内容统计</div>
                <div class="layui-card-body layui-text">
                    <div id="my_chart2" style="width: 100%;height: 300px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">素材统计</div>
                <div class="layui-card-body layui-text">
                    <div id="my_chart3" style="width: 100%;height: 300px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">文章段落统计</div>
                <div class="layui-card-body layui-text">
                    <div id="my_chart4" style="width: 100%;height: 300px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md9">
            <div class="layui-card">
                <div class="layui-card-header">数据概览</div>
                <div class="layui-card-body layui-text">
                    <div id="my_chart" style="width: 100%;height: 400px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">服务器信息</div>
                <div class="layui-card-body layui-text">
                    <table class="layui-table">
                        <?php if(is_array($server_info) || $server_info instanceof \think\Collection || $server_info instanceof \think\Paginator): if( count($server_info)==0 ) : echo "" ;else: foreach($server_info as $key=>$vo): if($k%2==1): ?><tr><?php endif; ?>
                        <td width="100"><?php echo htmlentities($key); ?>：</td>
                        <td><?php echo htmlentities($vo); ?></td>
                        <?php if($k%2==0): ?></tr><?php endif; ?>
                        <?php endforeach; endif; else: echo "" ;endif; if(count($caches)%2==1): ?><td>&nbsp;</td><td>&nbsp;</td></tr><?php endif; ?>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row ">
        <div class="layui-col-md9">

        </div>
    </div>
</div>


<script src="/static/admin/layui/layui.all.js"></script>
<script src="/static/admin/js/admin.js"></script>

<script src="/static/admin/js/echarts.js"></script>
<script>
    var myChart1 = echarts.init(document.getElementById('my_chart1'));
    option1 = {
        title: {
            text: '采集',
            // subtext: '纯属虚构',
            left: 'center'
        },
        tooltip: {
            trigger: 'item'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
        },
        series: [
            {
                // name: '访问来源',
                type: 'pie',
                radius: '50%',
                data: [
                    {value: <?php echo htmlentities($grab['init']); ?>, name: '原始采集数据(<?php echo htmlentities($grab['init']); ?>)'},
                    {value: <?php echo htmlentities($grab['project']); ?>, name: '品牌文章(<?php echo htmlentities($grab['project']); ?>)'},
                    {value: <?php echo htmlentities($grab['type']); ?>, name: '行业文章(<?php echo htmlentities($grab['type']); ?>)'},
                    {value: <?php echo htmlentities($grab['unknow']); ?>, name: '未识别文章(<?php echo htmlentities($grab['unknow']); ?>)'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    myChart1.setOption(option1);

    var myChart2 = echarts.init(document.getElementById('my_chart2'));
    option2 = {
        title: {
            text: '内容',
            left: 'center'
        },
        tooltip: {
            trigger: 'item'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
        },
        series: [
            {
                type: 'pie',
                radius: '50%',
                data: [
                    {value: <?php echo htmlentities($content['project']); ?>, name: '项目数据(<?php echo htmlentities($content['project']); ?>)'},
                    {value: <?php echo htmlentities($content['project_shop']); ?>, name: '店铺数据(<?php echo htmlentities($content['project_shop']); ?>)'},
                    {value: <?php echo htmlentities($content['company']); ?>, name: '公司数据(<?php echo htmlentities($content['company']); ?>)'},
                    {value: <?php echo htmlentities($content['original']); ?>, name: '原创文章(<?php echo htmlentities($content['original']); ?>)'},
                    {value: <?php echo htmlentities($content['pseudo']); ?>, name: '伪原创文章(<?php echo htmlentities($content['pseudo']); ?>)'},
                    {value: <?php echo htmlentities($content['compose']); ?>, name: '组合文章(<?php echo htmlentities($content['compose']); ?>)'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    myChart2.setOption(option2);

    var myChart3 = echarts.init(document.getElementById('my_chart3'));
    option3 = {
        title: {
            text: '素材',
            left: 'center'
        },
        tooltip: {
            trigger: 'item'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
        },
        series: [
            {
                type: 'pie',
                radius: '50%',
                data: [
                    {value: <?php echo htmlentities($sucai['chip']); ?>, name: '单独素材(<?php echo htmlentities($sucai['chip']); ?>)'},
                    {value: <?php echo htmlentities($sucai['title']); ?>, name: '标题素材(<?php echo htmlentities($sucai['title']); ?>)'},
                    {value: <?php echo htmlentities($sucai['start']); ?>, name: '资讯首段(<?php echo htmlentities($sucai['start']); ?>)'},
                    {value: <?php echo htmlentities($sucai['end']); ?>, name: '资讯尾段(<?php echo htmlentities($sucai['end']); ?>)'},
                    {value: <?php echo htmlentities($sucai['pic_merge']); ?>, name: '图片合成(<?php echo htmlentities($sucai['pic_merge']); ?>)'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    myChart3.setOption(option3);

    var myChart4 = echarts.init(document.getElementById('my_chart4'));
    option4 = {
        title: {
            text: '文章段落',
            left: 'center'
        },
        tooltip: {
            trigger: 'item'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
        },
        series: [
            {
                type: 'pie',
                radius: '50%',
                data: [
                    {value: <?php echo htmlentities($section[0]); ?>, name: '靠谱(<?php echo htmlentities($section[0]); ?>)'},
                    {value: <?php echo htmlentities($section[1]); ?>, name: '真假(<?php echo htmlentities($section[1]); ?>)'},
                    {value: <?php echo htmlentities($section[2]); ?>, name: '骗局(<?php echo htmlentities($section[2]); ?>)'},
                    {value: <?php echo htmlentities($section[3]); ?>, name: '前景(<?php echo htmlentities($section[3]); ?>)'},
                    {value: <?php echo htmlentities($section[4]); ?>, name: '生意(<?php echo htmlentities($section[4]); ?>)'},
                    {value: <?php echo htmlentities($section[5]); ?>, name: '赔/亏(<?php echo htmlentities($section[5]); ?>)'},
                    {value: <?php echo htmlentities($section[6]); ?>, name: '怎么样(<?php echo htmlentities($section[6]); ?>)'},
                    {value: <?php echo htmlentities($section[7]); ?>, name: '好不好(<?php echo htmlentities($section[7]); ?>)'},
                    {value: <?php echo htmlentities($section[8]); ?>, name: '值吗(<?php echo htmlentities($section[8]); ?>)'},
                    {value: <?php echo htmlentities($section[9]); ?>, name: '赚钱/挣钱(<?php echo htmlentities($section[9]); ?>)'},
                    {value: <?php echo htmlentities($section[10]); ?>, name: '怎么加盟/如何加盟(<?php echo htmlentities($section[10]); ?>)'},
                    {value: <?php echo htmlentities($section[11]); ?>, name: '口碑/评价(<?php echo htmlentities($section[11]); ?>)'},
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    myChart4.setOption(option4);

    var myChart = echarts.init(document.getElementById('my_chart'));
    option = {
        title: {
            text: '堆叠区域图'
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: '邮件营销',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [120, 132, 101, 134, 90, 230, 210]
            },
            {
                name: '联盟广告',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [220, 182, 191, 234, 290, 330, 310]
            },
            {
                name: '视频广告',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [150, 232, 201, 154, 190, 330, 410]
            },
            {
                name: '直接访问',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [320, 332, 301, 334, 390, 330, 320]
            },
            {
                name: '搜索引擎',
                type: 'line',
                stack: '总量',
                label: {
                    normal: {
                        show: true,
                        position: 'top'
                    }
                },
                areaStyle: {},
                data: [820, 932, 901, 934, 1290, 1330, 1320]
            }
        ]
    };
    myChart.setOption(option);
</script>

</body>
</html>